// 问题反馈模块，当前未放出，不用管
<template>
  <div class="aillo-feedback">
      <Dialog
      :modal="false"
      :visible.sync="visible"
      width="400px"
      :before-close="handleClose"
    >
      <div slot="title" class="aillo-feedback__title">问题反馈</div>
      <Input placeholder="请输入…" v-model="textarea1" type="textarea" :autosize="{minRows: 5, maxRows: 5}" />
      <div class="aillo-feedback__tip">当天仅限提交三次</div>
      <div class="aillo-feedback__footer">
        <Button class="aillo-feedback__footer__button" type="info" size="small" round>取消</Button>
        <Button class="aillo-feedback__footer__button" type="primary" size="small" round>提交反馈</Button>
      </div>
    </Dialog>
  </div>
</template>

<script>
import { Dialog, Input, Button } from 'element-ui'
export default {
  components: { Dialog, Input, Button },
  props: ['visible', 'Input'],
  data () {
    return {
      textarea1: ''
    }
  },
  methods: {
    handleClose () {
      this.$emit('closeVisible', false)
    }
  }
}
</script>

<style lang="scss">
.aillo-feedback {
  &__title {
    font-size: 20px;
    font-family: Source Han Sans CN;
    font-weight: 500;
  }
  &__tip {
    margin-top: 10px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(103, 217, 184, 1);
  }
  &__footer {
    width: 100%;
    margin-top: 27px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    &__button {
      width: 80px;
      height: 30px;
    }
  }
}
</style>
